/* RESET
-----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GENERAL STYLING
-----------------------------------*/
body {
	background: url(../images/bg.png) #fff repeat-x left top;
	font: 12px/140% Arial, Helvetica, sans-serif;
	color: #808080;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
a {
	text-decoration: none;
	color: #1B99CF;
	outline: none;
}
a:hover,
a.active,
li a.active {
	color: #1B99CF;
}
a:hover {text-decoration: underline;}
small {
	font-size: 87%;
}
em, i {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 105%;
}
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}
blockquote {
	font: italic 15px/130% "Times New Roman", Times, serif;
	padding: 8px 30px 15px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 1.4em 0 .2em;
	font-weight: normal;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
input, textarea, select {
	font-size: 100%;
	font-family: inherit;
}
textarea {
	line-height: 150%;
}
input[type=text], input[type=password], textarea {
	border: solid 1px #eaeaea;
	border-top-color: #d5d5d5;
	border-bottom-color: #f4f4f4;
	padding: 5px 7px 6px;
	background: #F3F3F3;
	color: #666;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
	border: solid 1px #ccc;
	color: #000;
}
input[type=reset], input[type=submit] {
	background: #86C441;
	color: #fff;
	border: none;
	padding: 5px 7px;
	cursor: pointer;
}
input[type=reset]:hover, input[type=submit]:hover {
	background: #1B99CF;
	color: #fff;
}

#skip {position: absolute; left: -500em; top: -500em}
.r3,
.apphead {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.r4,
.appinner,
.upqsubmit input {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* STRUCTURE
-----------------------------------*/
#page {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}

/* HEADER
-----------------------------------*/
#header {height: 134px; position: relative}
#logo {position: absolute; left: 0; top: 22px}
	#logo a {width: 277px; height: 58px; display: block; background:url(../logo.png) no-repeat left top; text-indent: -500em}
#hdsearch {position: absolute; left: 342px; top: 54px;}
	#hdsearch .form-text {width: 268px; height: 18px; border: 1px solid #95E541; padding: 5px 7px 6px 15px; border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;}
	#hdsearch .form-submit,
	#hdsearch label {display: none}
	
#hdmenu {}
#nav {position: absolute; right: 0; top: 54px; z-index: 9; text-transform: uppercase; width: 250px;}
	#nav ul,
	#nav ul li {margin: 0;}
	#nav ul li {display: inline}
	#nav a {color: #fff; background: #1B99CF; display: block; float: left; padding: 5px 12px; font-weight: bold; font-size: 12px; text-shadow: #666 1px 1px 1px; border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
	#nav a:hover {text-decoration: none; background: #188CBE}
	#nav li.menu-305 a {float: right; background: #86C441}
	#nav li.menu-305 a:hover {text-decoration: none;background: #82BF3D}

#spotlight {height: 275px; background:url(../images/spl.jpg) no-repeat left top; position: relative; color: #fff;}
	#spotlight h2 {display: none}
	#spotlight a {display: block;width: 188px; height: 48px; background:url(../images/sprite.png) no-repeat left top; position: absolute; top: 184px; left: 31px; text-indent: -500em}
	#spotlight a.spl-xemsp:hover {background-position: 0 -48px;}
	#spotlight a.spl-themsp {left: 230px; width: 193px; background-position: -188px 0}
	#spotlight a.spl-themsp:hover {background-position: -188px -48px;}
	
#login {position: absolute; top: 0; right: 0; z-index: 10}
	a.login-dangky,
	a.login-dangnhap,
	a.login-taikhoan {display: block; float: left; padding: 12px 12px 6px}
	a.login-dangnhap,
	a.login-taikhoan {color: #fff; background: #3A6DA5; 
	-webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;}
#dangnhap {display: none; position: absolute; top: 32px;background: #3A6DA5; padding: 0 10px; color: #fff; width: 200px; right:0}
	#user-login-form {text-align: left}
	#dangnhap h2 {display: none}
	#dangnhap label {margin: 0 0 3px}
	#dangnhap a {color: #fff}
	#dangnhap li {margin-left: 0}
	#dangnhap input[type="text"], #dangnhap input[type="password"] {width: 180px}
	#dangnhap .item-list {margin: 5px 0}

	
/* CONTENT
-----------------------------------*/
#content {width: 700px; float: left}

#sidebar {width: 224px; float: right}

/* NODE
-----------------------------------*/

.appteaser {background: #eee; padding: 4px 3px; width:212px; border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
	.appinner {background: #fff; border: 1px solid #ddd;}
	.appimg {padding: 6px 5px}
	.appteaser h2 {font: bold 13px Arial, Helvetica, sans-serif; margin: 0 9px 3px}
	.appteaser .auth {font-size: 11px; color: #A3A3A3; margin: 0 9px}
	.appteaser .appcontent {font-size: 12px; margin: 5px 9px 7px; height: 80px; overflow: hidden;text-overflow: ellipsis; color: #333;}
	.appfooter {border-top: 1px solid #ddd; background:url(../images/ico.png) repeat-x 0 -422px; padding: 6px 9px;color: #666; 
	-webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;}
		.af-comment {float: left; font: 10px Tahoma, Geneva, sans-serif; text-transform:uppercase; padding: 2px 0 0 0}
			.af-comment a {color: #666}
			.af-comment span {background:url(../images/ico.png) no-repeat 0 -54px; padding: 0 0 0 13px}
			.af-comment a:hover {text-decoration:none; color: #1B99CF}
			.af-comment a:hover span {background-position: 0 -75px;}
		.af-vote {float: right; width: 80px;}
			.rate-thumbs-up-btn-up {float: right; background:url(../images/ico.png) no-repeat 0 0; width: 50px; height: 16px;}
			.rate-thumbs-up-btn-up:hover {background-position: 0 -16px;}
			.yrated .rate-thumbs-up-btn-up {background-position: 0 -32px;}
			.rate-info {float: right; margin: 0 5px 0 0; font-size: 12px; font-weight: bold}
	.appteaser {}
	.appteaser .sanpham-votes-display {float: left; color: 666; text-align: right; font: bold 12px Arial, Helvetica, sans-serif; width: 22px;}
	.appteaser .up-active,
	.appteaser .up-inactive,
	.appteaser .loginuh a {float: right; width: 50px; background:url(../images/ico.png) no-repeat 0 0; text-indent: -500em; display: block}
	.appteaser .up-active {background-position: 0 -32px;}
	.appteaser .up-inactive:hover {cursor: pointer; background-position: 0 -16px;}

.appfull {}
.apphead {height: 240px; width: 907px; position: relative; padding: 10px 12px 0 21px; background:url(../images/appbg.png) no-repeat left top; color: #fff}	
	.apphead a {color: #fff}
	.apphead h2 {margin: 0}
	.ahleft {float: left; width: 532px;}
		.apptitle {padding: 5px 0 10px}
		.atleft {width:389px; float: left}
		.atright {width: 131px; float: right}
	.ahright {float: right; width: 360px;}
	
	.ahbutton {position:absolute; left: 22px; bottom: 0; width: 368px;}
	.ahbutton a {background:url(../images/ico.png) repeat-x 0 -468px; display: block; float: left; text-align: center; font-size: 12px; font-weight: bold; text-transform:uppercase; color: #fff; padding: 0 16px; height: 35px; line-height: 35px; margin: 0 10px 0 0}
	.ahbutton a.active {background: #fff; color: #1B99CF}
	.ahbutton a.active:hover {text-decoration: none}
	
	.appfull .vud-widget-sanpham {float: left; width: 64px;}
	.appfull .sanpham-votes-display {width:50px; height: 42px; background:url(../images/ico.png) no-repeat 0 -509px; font-size: 20px; text-align: center; line-height: 35px; color: #333}
	.appfull .up-active,
	.appfull .up-inactive,
	.appfull .loginuh a {width: 50px; height: 22px; background:url(../images/ico.png) no-repeat 0 -576px; text-indent: -500em; display: block}
	.appfull .up-active {background-position: 0 -554px;}
	.appfull .up-inactive:hover {cursor: pointer; background-position: 0 -598px;}


/*COMMENT*/
.comment {padding: 15px 0 0;border-top: 1px solid #EDEDED;}
.comment.first {border: none}
.picture {width:56px; height: 56px; float: left; margin: 0 15px 0 0}
.picture img {width: 50px; padding: 2px; border: 1px solid #EDEDED}
.picture a:hover img {border-color: #CCC}
.cmcontent {float: left; width: 628px;  padding: 0 0 12px}
.cmcontent .submitted {float: left; width: 500px}
	.cmcontent .submitted a {font-size: 15px; font-weight: bold}
.cmcontent .content {padding: 8px 0 0}
.vud_wrap {float: right; width: 106px; position: relative}
.binhluan-votes-display {float: left;width: 84px; padding: 0 4px 0 0; text-align: right; color: #8C8C8C; font-size: 12px;}
.cmcontent .up-active,
.cmcontent .up-inactive,
.cmcontent .loginuh a {background:url(../images/ico.png) no-repeat 0 -279px;width: 17px; height: 17px; float: right; text-indent: -500em}
.cmcontent .up-active {background-position: -17px -279px}
.cmcontent .content {color: #333}

#comments .istart_avatars img {width: 25px; height: 25px;}

ul.links li {margin: 0}
ul.links li.first {padding-left: 0}
#comment-form,
#answer-question-form,
#question-node-form {text-align: right; padding: 0 0 10px}
#comment-form .form-item label,
#comment-form ul.tips,
#comment-form p,
#comment-form fieldset.collapsible {display: none}
#comment-form textarea,
#question-node-form textarea,
#answer-question-form textarea {width: 684px;}

.indented {margin-left: 71px;}
.indented textarea {width: 615px !important;}
.indented .picture {width: 41px; margin: 0 10px 0 0}
.indented .picture img {width: 35px; height: 35px;}
.indented .cmcontent {width: 577px;}
.indented .submitted {width: 430px}

.indented .indented {margin-left: 51px;}
.indented .indented .cmcontent {width: 521px;}
.indented .indented .submitted {width: 379px}

.vud_wrap .istart_avatars {position: absolute; left: 10px; top: 24px; background: #156FAD; padding: 5px; display: none;
-moz-box-shadow: 0 0 2px #999;
-webkit-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;}
.istart_avatars .tail {position: absolute; left: 0; top: -6px; width: 12px; height: 6px; background:url(../images/ico.png) no-repeat 0 -366px;}
.istart_avatars .inner {padding: 5px 6px 0; background: #fff;}

.view-sp-noi-bat .views-row,
.view-xem-san-pham .views-row {width: 212px; float: left}



/*HOI DAP*/
.hoidap {}
.hoidap h3 {border-top: 4px solid #EDEBE1; color: #333; font-weight: bold; font-size: 15px; padding: 8px 0 15px}
textarea.upquestion {width:676px; height: 40px; padding: 10px}
.upqsubmit {text-align: right; padding: 8px 0}
.upqsubmit input {color: #fff; background: #1B99CF; text-transform: uppercase; text-align: center; padding: 4px 10px}
.qitem {border-bottom: 1px solid #EDEDED; padding: 10px 0}
	.qtitle {font-size: 15px; font-weight: bold; padding: 3px 0 4px}
	.qitem .question {float: left; width: 628px;}
.traloi {}
.traloi h3 {margin-bottom: 0}
.traloi .picture {width: 31px; height: 31px; margin: 0 8px 0 0}
.traloi .picture img {width: 25px; height: 25px;}
.traloi .question {padding: 5px 0 0}
.aitem {padding: 10px 10px 0 25px;}
.aicontent {padding: 5px 0; font-size: 14px}
.aiuser {border-bottom: 1px solid #EDEDED; padding: 0 0 10px}
.traloi textarea.upquestion {margin: 15px 0 0}

/* BLOCk
-----------------------------------*/
h3.block-title {margin: 18px 0 0 0; text-transform:uppercase; font-weight: bold; color: #333; border-top: 4px solid #EDEBE1; font: bold 15px "Myriad Pro", Arial, Helvetica, sans-serif; padding: 6px 0}

/* BOTTOM
-----------------------------------*/
#bottom {border-top: 4px solid #EDEBE1; padding: 10px 0; margin: 20px 0 0}
#bottom h3.block-title {border: none; padding: 0; margin: 0;}
.newsletter {width: 300px; float: left}
	.newsletter label {display: none}
	.newsletter .form-item-mail {float: left; margin: 0 5px 0 0}
		.newsletter .form-item-mail input.form-text {width: 200px;}
	.newsletter .form-submit {float: left}
.fb {width: 600px; float: left}


/* FOOTER
-----------------------------------*/
#footer {border-top: 4px solid #EDEBE1; color: #999; padding: 10px 0}

/*
	AnythingSlider v1.5.10+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	display: block;
	width: 360px;
	height: 213px;
	overflow: hidden; /* needed for Opera and Safari */
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a {
	background: url(../images/ico.png) no-repeat -8px -623px; text-indent: -500em
}

/* Active State */

div.anythingSlider.activeSlider .thumbNav a.cur {
	background-position: 0px -623px;
}
div.anythingSlider .start-stop {
	display: none;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	padding: 0 0 28px 0;
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 120px;
	margin: -60px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
}
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
div.anythingSlider .back.disabled { display: none; }

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; display: none; }
div.anythingSlider .thumbNav { margin: 10px 0 0; text-align: center;}
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	
	display: inline-block;
	height: 8px; width: 8px;
	margin: 0 5px 0 0;
	outline: 0;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-repeat: repeat-x;
	background-position: center top;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}